<template>
    <el-container>
        <el-header>
            <Header />
        </el-header>
        <el-container>
            <Aside />
            <el-main>
                <keep-alive>
                    <router-view v-if="$route.meta.keepAlive"></router-view>
                </keep-alive>
                <router-view v-if="!$route.meta.keepAlive"></router-view>
                <!-- <router-view></router-view> -->
            </el-main>
        </el-container>
    </el-container>
</template>

<script>
import Header from "./common/Header.vue";
import Aside from "./common/Aside.vue";
export default {
    name: "",
    data() {
        return {};
    },
    components: {
        Header,
        Aside,
    },
};
</script>


<style scoped>
.el-container {
    height: 100%;
    overflow: auto;
}
.el-header {
    padding: 0;
    position: relative;
    z-index: 2;
}
.el-main {
    padding: 12px;
}
</style>
